✨ style: changed background color for show pages

1 files changed, 32 insertions, 44 deletions

diff --git a/src/app/movies/[id]/page.jsx b/src/app/movies/[id]/page.jsx
index 04fba97..e60d6d9 100644
--- a/src/app/movies/[id]/page.jsx
+++ b/src/app/movies/[id]/page.jsx
@@ -11,51 +11,39 @@ const MovieInfoPage = async ({ params }) => {
 	const data = await MovieInfoData(id);
 
 	return (
-		<section
-			style={{
-				backgroundImage: `radial-gradient(gray 1px, transparent 1px)`,
-				backgroundSize: "40px 40px",
-			}}
-			className="h-screen bg-white dark:bg-black"
-		>
-			<section className="absolute inset-0 bg-gradient-to-b from-transparent to-white-400 dark:to-black">
-				<section className="pt-12 m-auto w-full lg:w-9/12">
-					<MovieVideoPlayer id={data.id} />
-					<div className="flex items-center">
-						<Image
-							isBlurred
-							shadow="lg"
-							src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`}
-							width={180}
-							height={300}
-							alt="Anime Title Poster"
-							className="m-2"
-						></Image>
-						<div className="mx-5">
-							<h4 className={`text-2xl`}>
-								<strong>{data.title}</strong>
-							</h4>
-							<div className="mt-1">
-								{data.genres &&
-									data.genres.map((item, index) => (
-										<Chip
-											key={index}
-											color="warning"
-											variant="faded"
-											className="mr-1 mb-1"
-										>
-											<p className="text-xs">
-												{item.name}
-											</p>
-										</Chip>
-									))}
-							</div>
-						</div>
+		<section className="pt-2 m-auto w-full lg:w-9/12">
+			<MovieVideoPlayer id={data.id} />
+			<div className="flex items-center">
+				<Image
+					isBlurred
+					shadow="md"
+					src={`https://sup-proxy.zephex0-f6c.workers.dev/api-content?url=https://image.tmdb.org/t/p/original${data.poster_path}`}
+					width={180}
+					height={300}
+					alt="Anime Title Poster"
+					className="m-2"
+				></Image>
+				<div className="mx-5">
+					<h4 className={`text-2xl`}>
+						<strong>{data.title}</strong>
+					</h4>
+					<div className="mt-1">
+						{data.genres &&
+							data.genres.map((item, index) => (
+								<Chip
+									key={index}
+									color="warning"
+									variant="faded"
+									className="mr-1 mb-1"
+								>
+									<p className="text-xs">{item.name}</p>
+								</Chip>
+							))}
 					</div>
-					<DescriptionTabs data={data} />
-					<Questions />
-				</section>
-			</section>
+				</div>
+			</div>
+			<DescriptionTabs data={data} />
+			<Questions />
 		</section>
 	);
 };